.head{
	width: 92%;
	padding: 40rpx 4%;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	border-bottom: 1rpx solid #D8D8D8;
	image{
		width: 100rpx;
		height: 100rpx;
		border-radius: 50%;
	}
	.title{
		padding-left: 20rpx;
		.name{
			color: #333333;
			font-size: 32rpx;
		}
		.tags{
			font-size: 24rpx;
			color: #999999;
			text{
				margin: 0 10rpx;
			}
		}
	}
}

.item{
	width: 420rpx;
	padding: 0 30rpx;
	background-color: #ECF7FF;
	border-radius: 20rpx;
	font-size: 28rpx;
	margin: 30rpx 0 30rpx 3%;
	.item-title{
		width: 100%;
		color: #333333;
		font-weight: bold;
		padding: 30rpx 0;
	}
	.content{
		color: #999999;
		padding-bottom: 30rpx;
		text{
			color: #F8499E;
			font-weight: 500;
		}
	}
}

.reply{
	width: 100%;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	font-size: 28rpx;
	color: #424242;
	.replyIn{
		width: 430rpx;
		padding: 30rpx;
		background-color: #FFECF4;
		border-radius: 20rpx;
		margin-right: 3%;
		font-weight: bold;
		line-height: 60rpx;
		image{
			width: 50rpx;
			height: 50rpx;
			vertical-align: middle;
			margin-right: 10rpx;
		}
	}
}

.foot{
	position: fixed;
	bottom: 0;
	width: 100%;
	height: 150rpx;
	display: flex;
	justify-content: space-around;
	align-items: center;
	box-shadow: 0 -6rpx 10rpx  #DEE2E5;
	.refuse{
		width: 330rpx;
		height: 88rpx;
		line-height: 88rpx;
		text-align: center;
		background-color: #FE4392;
		color: #FFFFFF;
		font-size: 32rpx;
		font-weight: bold;
		border-radius: 44rpx;
	}
	.agree{
		width: 330rpx;
		height: 88rpx;
		line-height: 88rpx;
		text-align: center;
		background-color: #0091FF;
		color: #FFFFFF;
		font-size: 32rpx;
		font-weight: bold;
		border-radius: 44rpx;
	}
}
	